<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ include file="/v1/pages/public/head.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${ctx}/v1/css/jquery.Jcrop.min.css" />
<script language="javascript" src="${ctx}/v1/js/default/jquery.Jcrop.min.js"
	type="text/javascript"></script>
<body>
<input type="hidden" value="${param.tag}" id="tag"/>
<%@ include file="/v1/pages/public/head_menu.jsp"%>
<div class=" ldh-mainCenter clearfix">
	<div class="cont_1240">
    	<div class="ldh-myCenter clearfix">
        	<div class="ldh-myCenterL">
            	<div class="ldh-myCenterL-top">
                   <div class="ldh-store-logo">
                        <span class="ldh-store-pic"><img id="userIndex_iconUrl" src="${ctx}/v1/img/category_f.png" /></span>
                    </div>
                    <div class="ldh-store-name" id="userIndex_userName"></div> 
                </div>
           <div class="ldh-myStore" id="div_store"></div>
                <div class="ldh-myCenter-btm" style="margin-top:0px">
                	<ul>
                   		 <li><a href="javascript:$ldh_user.getMyOrder()" class="ldh-index-myorder">我的订单</a></li>
                       	 <li><a href="javascript:$ldh_user.getMyFavorShop()" class="ldh-index-clobiz">收藏商家</a></li>
                         <li><a href="javascript:$ldh_user.getMyInfo()"  class="ldh-index-user">个人信息</a></li>
                         <li><a href="javascript:$ldh_user.setAccountSafe()" class="ldh-index-safety">账户安全</a></li>
                        <li><a href="javascript:$ldh_user.setShippingAddress()" class="ldh-index-adress">收货地址</a></li>
                    </ul>
                </div>
            </div>
            
             <!-- 我的订单 start -->
            <div class="ldh-myCenterR" id="ldh-myOrderList">
                
            	<div class="ldh-myCenter-title"><h3>我的订单</h3></div>
            	<div class="ldh-orderList">
                   <table id="orderList">
                      <colgroup >
                         <col width="30%;" />
                         <col width="12%" /> 
                         <col width="8%" />
                         <col width="12%" />
                         <col width="13%" />
                         <col width="13%" />
                         <col width="12%" />
                      </colgroup>
                      <thead>
                         <tr>
                         	<th>商品</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>订单金额</th>
                            <th>支付方式</th>
                            <!--<th>
                                <div class="btn-group textLeft">
                                    <button data-toggle="dropdown" class="btn dropdown-toggle"><span>最近订单</span>&nbsp;&nbsp;<span class="caret"></span></button>
                                    <ul class="dropdown-menu">
                                      <li><a href="####">6个月前订单</a></li>
                                    </ul>
                                </div>
                            </th> -->
                            <th>
                                <div class="btn-group textLeft">
                                    <button data-toggle="dropdown" class="btn dropdown-toggle"><span id="orderStatusName">交易状态</span>&nbsp;&nbsp;<span class="caret"></span></button>
                                    <ul class="dropdown-menu">
                                      <li><a href="javascript:$ldh_user.setOrderStatusId('','全部')">全部</a></li>
                                      <li><a href="javascript:$ldh_user.setOrderStatusId('5','待付款')">待付款</a></li>
                                      <li><a href="javascript:$ldh_user.setOrderStatusId('1','待发货')">待发货</a></li>
                                      <li><a href="javascript:$ldh_user.setOrderStatusId('2','待收货')">待收货</a></li>
									  <li><a href="javascript:$ldh_user.setOrderStatusId('3','交易成功')">交易成功</a></li>
									  <li><a href="javascript:$ldh_user.setOrderStatusId('4','交易关闭')">交易关闭</a></li>
                                    </ul>
                                </div>
                            </th>
                            <th>操作</th>
                         </tr>  
                      </thead>
                   </table>               
               </div>
               	<h4 style="display:none;text-align:center;color:#ed5d3a;" id="myorder-no-data-tip">没有查找到相关记录</h4>
                <div class="ldh-waiting" style="display:none;" id="myorder-ldh-waiting"></div>
                <div class="ldh-page">
	            	<div class="ldh-page-btn" id="myorder-footPage">
	                </div>
            	</div>
            </div>
            <!-- 我的订单 end -->
            
            <!-- 订单详情 start -->
                  <div class="ldh-myCenterR" id="ldh-myOrderDetail" style="display:none;">
			        <div class="ldh-myCenter-title">
			          <h3><span><a href="javascript:$ldh_user.getMyOrder()">我的订单</a></span>&nbsp;&gt;&nbsp;<span>详情</span></h3>
			        </div>
			        <div class="ldh-waiting" id="order_detail_loading"></div>
			        <div class="ldh-myOrder-details" id="order_detail_div" style="display:none;">
			          <div class="ldh-flow flow-goa" id="status_bar">
			            <div class="ldh-flow-gb">
			              <div class="ldh-flow-gbgo"></div>
			            </div>
			            <div class="ldh-flow-title clearfix">
			              <ul id="order_detail_status_bar">
			               
			              </ul>
			            </div>
			            <div class="ldh-flowBtn" id="order_detail_btn">
			             
			            </div>
			          </div>
			          <div class="ldh-myOrder-info">
			            <h3>订单追踪</h3>
			            <div class="ldh-myOrder-infoTable">
			              <table>
			                <colgroup >
			                <col width="20%;" />
			                <col width="40%" />
			                <col width="40%" />
			                </colgroup>
			                <thead>
			                  <tr>
			                    <th>处理时间</th>
			                    <th>处理信息</th>
			                    <th>操作人</th>
			                  </tr>
			                </thead>
			                <tbody id="orderLogList">
			                 
			                </tbody>
			              </table>
			            </div>
			          </div>
			          <div class="ldh-myOrder-info" id="order_detail_delivery_info">
			            <h3>收货信息</h3>
			            <div class="ldh-myCenterR-main">
			              <ul>
			                <li><span>收货人姓名：</span><span id="order_detail_shipName">loading...</span></li>
			                <li><span>收货人电话：</span><span id="order_detail_shipMobile"></span></li>
			                <li><span>收货人地址：</span><span id="order_detail_shipAddress"></span></li>
			              </ul>
			            </div>
			          </div>
			          
			          <div class="ldh-myOrder-info" id="order_detail_ziti_info" style="display:none;">
			            <h3>自提信息</h3>
			            <div class="ldh-myCenterR-main">
			              <ul>
			                <li><span>自提地址：</span><span id="order_detail_zitiAddress"></span></li>
			              </ul>
			            </div>
			          </div>
			          <div class="ldh-myOrder-info">
			            <h3>卖家信息</h3>
			            <div class="ldh-myCenterR-main">
			              <ul>
			                <li><span>店铺名称：</span><span id="order_detail_shopName"></span></li>
			                <li><span>店铺电话：</span><span id="order_detail_shopMobile"></span></li>
			                <li><span>店铺地址：</span><span id="order_detail_shopAddress"></span></li>
			              </ul>
			            </div>
			          </div>
			          <div class="ldh-myOrder-info">
			            <h3>订单信息</h3>
			            <div class="ldh-myCenterR-main">
			              <ul>
			                <li><span>订单号：</span><span class="main_color" id="order_detail_orderId"></span><span style="margin-left:20px;">订单状态：</span><span class="main_color" id="order_detail_status"></span><span style="margin-left:20px;">支付方式：</span><span id="order_detail_payment"></span><span style="margin-left:20px;">配送方式：</span><span id="order_detail_deliveryName"></span><span><span style="margin-left:20px;">送货时间：</span><span id="order_detail_shiptime"></span></span><span><span style="margin-left:20px;">自提时间：</span><span id="order_detail_zititime"></span></span></li>
			              
			              </ul>
			            </div>
			            <br>
			    <div class="ldh-myOrder-detailsTable">
              <table>
                <colgroup>
                <col width="30%;">
                <col width="20%;">
                
                <col width="15%">
                <col width="18%">
                <col width="17%">
                </colgroup>
                <thead>
                  <tr>
                  
                  	<th>条形码</th>
                   
                   	<th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                  </tr>
                </thead>
                <tbody id="order_detail_merchandiseList">                  
                  
                 
                </tbody>
              </table>
            </div>
			          </div>
			          <div class="ldh-myOrder-info">
			            <h3>留言情况</h3>
			            <div class="ldh-message-details">
			              <ul id="messageList">
			               <!--  <li>                  
			                  <div class="article-post"> <span class="user-info"> 客服留言  /  日期：2014-8-29  /  时间：16:30 </span>
			                    <p><span class="main_color">【客服调解】</span>买家不同意更换商品，经协商，卖家同意退货！</p>
			                    <div class="user-thumb-pic"> <a class="lightboxTrigger" href="img/lit_01.png"><img src="img/lit_01.png"></a> <a class="lightboxTrigger" href="img/lit_01.png"><img src="img/lit_01.png"></a> <a class="lightboxTrigger" href="img/lit_01.png"><img src="img/lit_01.png"></a> <a class="lightboxTrigger" href="img/lit_01.png"><img src="img/lit_01.png"></a> <a class="lightboxTrigger" href="img/lit_01.png"><img src="img/lit_01.png"></a> </div>
			                  </div>
			                </li>
			                <li>
			                  
			                  <div class="article-post"> <span class="user-info"> 买家留言&nbsp;&nbsp;/&nbsp;&nbsp;日期：2014-8-29&nbsp;&nbsp;/&nbsp;&nbsp;时间：15:52</span>
			                    <p><span class="main_color">【申请客服介入】</span>不行！生意怎么可以这样做！保质期就剩几天，吃坏身体你们负责得起吗？</p>
			                  </div>
			                </li>
			                <li>
			                  
			                  <div class="article-post"> <span class="user-info"> 商家留言&nbsp;&nbsp;/&nbsp;&nbsp;日期：2014-8-29&nbsp;&nbsp;/&nbsp;&nbsp;时间：14:21</span>
			                    <p><span class="main_color">【申请客服介入】</span>亲爱的顾客！我们的商品保质期还有8天，不属于过期！</p>
			                  </div>
			                </li>
			                <li>
			                  
			                  <div class="article-post"> <span class="user-info"> 买家留言&nbsp;&nbsp;/&nbsp;&nbsp;日期：2014-8-29&nbsp;&nbsp;/&nbsp;&nbsp;时间：11:52</span>
			                    <p>商品过期，退货！</p>
			                  </div>
			                </li>
			                <li>
			                  
			                  <div class="article-post"> <span class="user-info"> 买家留言&nbsp;&nbsp;/&nbsp;&nbsp;日期：2014-8-29&nbsp;&nbsp;/&nbsp;&nbsp;时间：8:50</span>
			                    <p>要新鲜的，过期不要啊！！！</p>
			                  </div>
			                </li> -->
			              </ul>
			            </div>
			          </div>
			        </div>
			      </div>
            <!-- 订单详情 end -->
            
            <!-- 商家收藏  start -->
            <div class="ldh-myCenterR" id="ldh-myFavorList" style="display:none;">
            	<div class="ldh-myCenter-title"><h3>收藏商家</h3></div>
            	<div class="ldh-storeList-cont" >
                    	<ul id="shopList">
                        	
                        </ul>
                </div>
               	<h4 style="display:none;text-align:center;color:#ed5d3a;" id="myfavor-no-data-tip">没有查找到相关记录</h4>
                <div class="ldh-waiting" style="display:none;" id="myfavor-ldh-waiting"></div>
                <div class="ldh-page">
	            	<div class="ldh-page-btn" id="myfavor-footPage">
	                </div>
            	</div>
            </div>
            <!-- 商家收藏  end -->
             
            <!-- 个人信息 start -->
      		<div class="ldh-myCenterR" id="ldh-myInfo" style="display:none;">
            	<div class="ldh-myCenter-title"><h3>个人信息</h3></div>
            	<div class="ldh-myCenterR-main">
                       <div class="ldh-personal"> 
                           <!--   <div class="ldh-personalInfo clearfix" style="display:none;" id="upload_loading_upLoadFileButton">
                             	<label>&nbsp;</label>
                             	<img src="/shop/v1/img/upload_loading.gif" alt="头像">
							</div> -->
                             <div class="ldh-personalInfo clearfix">
                             	<table>
                                <tr>
                                    <td><label>我的头像：</label></td>
                                    <td>
                                        <p class="ldh-store-pic">
                                            <img src="${ctx}/v1/img/category_f.png" id="ucenter_iconUrl" alt="头像" />  
                                        </p>
                                    </td>
                                    <td>
                                   	 	<div class="ldh-uploadPic">
                                       		 <button class="btnFile"  type="button" onClick="$ldh_user.mypicShow()" >上传图片</button>
                                            <p class="ldh-help-block">jpg、gif、png图片格式，建议尺寸：90&nbsp;x&nbsp;90/px</p>
                                        </div>
                                    </td>
                                </tr>
                                </table>
                             </div>
                             <div class="ldh-personalInfo clearfix">
                             
                           
                               <div class="ldh-personalInfo-list" id="div_myinfo_tip" style="display:none;">
                                  <label>&nbsp;</label>
                                    <p class="ldh-personalInfo-listR">
                                    <span class="ldh-change-tips" id="myinfo_tip"></span>
                             		</p>
                                </div>
                             
                                <div class="ldh-personalInfo-list">
                                    <label>用户名：</label>
                                    <p class="ldh-personalInfo-listR" id="ucenter_userName">loading...</p>
                                </div>
                                <div class="ldh-personalInfo-list">
                                	<label>昵称：</label>
                                    <div class="ldh-personalInfo-listR">
                                       <input  type="text" value="" id="ucenter_realName" />
                                    </div>	
                                </div>
                                 <div class="ldh-personalInfo-list">
                                	<label>邮箱：</label>
                                    <div class="ldh-personalInfo-listR">
                                       <input  type="text" value="" id="ucenter_email" />
                                    </div>	
                                </div>
                             </div>                      
                             
                             <div class="ldh-personalInfo clearfix">
                                <label>&nbsp;</label>
                                <div class="ldh-personalInfo-listR">
                                   <button type="button" class="btn-main" onclick="$ldh_user.updateUserInfo()">保存</button>
                                </div>
                             </div>
                           </div>           
                	</div>               	
            	</div>
            
			   <div class="ldh-mypicture-bg">
				<div class="ldh-mypicture">
			    	
			    </div>
			</div>

            <!-- 个人信息 end -->
            
            <!-- 账户安全  start-->
            <div class="ldh-myCenterR" id="ldh-account-safe" style="display:none;">
            	<div class="ldh-myCenter-title"><h3>账户安全</h3></div>
            	<div class="ldh-myCenterR-main">
                       <div class="ldh-security">                              
                             <div class="ldh-securityInfo clearfix">
                                <div class="ldh-securityInfo-list">
                                    <label>登录密码</label>
                                    <p class="ldh-securityInfo-listR"><span>安全性高的密码可以使账户更安全；建议您定期更换，高强度密码由大、小写字母，数字，符号组合而成。 </span><span class="ldh-colorMain ldh-changeBtn">更改</span></p>    
                                </div>   
                                <div class="ldh-securityInfo-changebox on"> 
                                	<div class="ldh-securityInfo-change" style="display:none;" id="div_account_safe_tip" >
                                        <label>&nbsp;</label>
                                        <p class="ldh-securityInfo-changeR"><span class="ldh-change-tips">&nbsp;</span></p>  
                                    </div>
                                    <div class="ldh-securityInfo-change">
                                        <label>当前密码：</label>
                                        <p class="ldh-securityInfo-changeR"><input type="password" id="ucenter_old_password"></p>  
                                    </div>
                                    <div class="ldh-securityInfo-change">
                                        <label>新密码：</label>
                                        <p class="ldh-securityInfo-changeR"><input type="password" id="ucenter_new_password"></p>
                                    </div> 
                                   <div class="ldh-securityInfo-change">
                                        <label>确认密码：</label>
                                        <p class="ldh-securityInfo-changeR"><input type="password" id="ucenter_r_new_password"></p>
                                    </div> 
                                    <div class="ldh-securityInfo-change">
                                        <label>&nbsp;</label>
                                        <p class="ldh-securityInfo-changeR"><button type="button" class="btn-main" onClick="$ldh_user.resetLoginPwd()">确定</button></p>  
                                    </div>                      
                                </div>
                             </div>   
                              <div class="ldh-securityInfo clearfix">
                                <div class="ldh-securityInfo-list">
                                    <label>手机绑定</label>
                                    <p class="ldh-securityInfo-listR"><span>绑定手机后，你的账户安全级别更高，也可享受账户余额变动提醒、手机找回密码的服务。 </span><span class="ldh-colorMain ldh-changeBtn">更换</span></p>  
                                </div>  
                                <div class="ldh-securityInfo-changebox"> 
                               		 <div class="ldh-securityInfo-change"  id="div_account_safe_mobile_tip" style="display:none;" >
                                        <label>&nbsp;</label>
                                        <p class="ldh-securityInfo-changeR"><span class="ldh-change-tips">&nbsp;</span></p>  
                                    </div>
                                    <div class="ldh-securityInfo-change">
                                        <label>新手机号：</label>
                                        <p class="ldh-securityInfo-changeR"><input type="text" id="ucenter_new_mobile"></p>  
                                    </div>
                                    <div class="ldh-securityInfo-change">
                                        <label>短信验证码：</label>
                                        <p class="ldh-securityInfo-changeR"><input type="text" id="ucenter_validate_code"><input type="button" class="btn-yellow" value="免费获取验证码" id="ucenter_btn_request_code"  onclick="$ldh_user.validateMobile('#ucenter_btn_request_code')"></p>  
                                    </div> 
                                   
                                    <div class="ldh-securityInfo-change">
                                        <label>&nbsp;</label>
                                        <p class="ldh-securityInfo-changeR"><button type="button" class="btn-main" onclick="$ldh_user.setMobile()">确定</button></p>  
                                    </div>                      
                                </div>
                             </div>                      
                       </div>           
                </div>               	
            </div>
            <!-- 账户安全 end -->
            
            <!-- 收货地址 start -->
              <div class="ldh-myCenterR" id="ldh-shipping-address" style="display:none;">
            	<div class="ldh-myCenter-title"><h3>收货地址</h3></div>
            	<div class="ldh-myCenterR-main">
                     <div class="ldh-myAdress">
                     	<div class="ldh-myAdress-info">
                        	<table>
                              <colgroup>
                              		 <col width="5%">
                                     <col width="15%">
                                     <col width="48%">
                                     <col width="17%">
                                     <col width="20%">
                              </colgroup>
                              
                              <tbody id="myAddressList">
                                  <tr><td><div class="ldh-waiting"></div></td></tr>
                              </tbody>
                          </table>
                        </div>
						<div class="ldh-myAdress-new">
                        	<button type="button" class="btn-yellow" onclick="$ldh_user.openEditAddress()">添加新地址</button>
                        </div> 
                        <div class="ldh-myAdress-edit">
                        	<div class="ldh-myAdress-editList" id="div_address_tip" >
                                <label>&nbsp;</label>
                                <p class="ldh-myAdress-editListR"><span class="ldh-change-tips">&nbsp;</span></p>  
                            </div>
                            
                            <div class="ldh-myAdress-editList" id="div_address_loading" style="display:none;" >
                              
                                <div class="ldh-waiting" style="height:20px;"></div> 
                            </div>
                            
                            <div class="ldh-myAdress-editList">
                                <label><i class="red">*</i>收货人：</label>
                                <div class="ldh-myAdress-editListR"><input type="text" id="ucenter_shipName"></div>  
                            </div>
                            <div class="ldh-myAdress-editList">
                                <label><i class="red">*</i>所在地区：</label>
                                <div class="ldh-myAdress-editListR">
                                	<div class="btn-group">
                                        <button data-toggle="dropdown" class="btn dropdown-toggle"><span id="province_name">请选择</span>&nbsp;&nbsp;<span class="caret"></span></button>
                                        <ul class="dropdown-menu" id="provinceList" style="height:200px;overflow:auto;">
                                          
                                     
                                        </ul>
                                    </div>
                                	<div class="btn-group">
                                        <button data-toggle="dropdown" class="btn dropdown-toggle"><span id="city_name">请选择</span>&nbsp;&nbsp;<span class="caret"></span></button>
                                        <ul class="dropdown-menu" id="cityList" style="height:200px;overflow:auto;">
                                         
                                        </ul>
                                    </div>
                                    <div class="btn-group">
                                        <button data-toggle="dropdown" class="btn dropdown-toggle"><span id="region_name">请选择</span>&nbsp;&nbsp;<span class="caret"></span></button>
                                        <ul class="dropdown-menu" id="regionList" style="height:200px;overflow:auto;">
                                          
                                        </ul>
                                    </div>
                                </div>
                            </div> 
                            <div class="ldh-myAdress-editList">
                                <label><i class="red">*</i>详细地址：</label>
                                <div class="ldh-myAdress-editListR"><input class="adressInput" type="text" id="ucenter_ship_address" placeholder="详细的地址"></div>  
                            </div>
                           <div class="ldh-myAdress-editList">
                                <label><i class="red">*</i>手机号码：</label>
                                <p class="ldh-myAdress-editListR"><input type="text" id="ucenter_ship_mobile">
                            </p></div> 
                              <div class="ldh-myAdress-editList">
                                <label><i class="red">*</i>默认地址：</label>
                                <p class="ldh-myAdress-editListR"><input type="checkbox" id="ucenter_def" checked="checked">
                            </p></div> 
                            <div class="ldh-myAdress-editList">
                                <label>&nbsp;</label>
                                <p class="ldh-myAdress-editListR"><button type="button" class="btn-main" id="btn_edit_address" onclick="$ldh_user.saveAddress(0)">保存</button></p>  
                            </div>  
                                                
                        </div>                     	
                     </div>             
                </div>               	
            </div>
            
            <!-- 收货地址 end -->
             
            
        </div>
    </div>
</div>

<script type="text/javascript">
seajs.use([ctx+'/v1/js/custom/ucenter/module-ucenter.js'],function(m){

	m.init(m);	
});
</script>
<%@ include file="/v1/pages/public/foot.jsp"%>
